/** */

<template>
  <a-form-item :label="title">
    <!-- <a-input
      v-decorator="[name]"
      placeholder="sssssss"
      @change="(e) => handleControlValueChange(name, e)"
    /> -->
    <!-- <Control2
      v-decorator="[name]"
      :name="name"
      @onValueChange="handleControlValueChange"
    /> -->
    <MyInput2 v-decorator="[name]" v-bind="controlProps" />
  </a-form-item>
</template>

<script>
import Control2 from './Control2'
import MyInput2 from './MyInput2'

export default {
  name: 'myFormItem',
  components: {
    Control2,
    MyInput2,
  },
  props: {
    name: String,
    title: String,
    controlType: String,
    controlProps: Object,
  },
  data() {
    return {}
  },
  methods: {
    handleControlValueChange(name, value) {
      console.log('[]')
      // const value = e.target.value
      this.$emit('onControlValueChange', name, value)
    },
  },
  mounted() {
    // this.label = 'sss'
  },
}
</script>

<style></style>
